<template>
<div class="m-container">
    <div class="row" style="margin-top: 50px;">
        <div class="m-col-md-4">
            <div class="m-panel m-panel-info no-padding p-box">
                <div class="m-panel-header">
                    <h1 class="m-panel-title">title</h1>
                </div>
                <div class="m-panel-body" style="max-height: 250px;overflow: auto">
                    m-panel-body
                    <h1>1</h1>
                    <h1>2</h1>
                    <h1>3</h1>
                    <h1>4</h1>
                    <h1>5</h1>
                    <h1>6</h1>
                    <h1>7</h1>
                    <h1>8</h1>
                    <h1>9</h1>
                    <h1>10</h1>
                </div>
                <div class="m-panel-footer">m-panel-footer</div>
            </div>
        </div>
        <div class="m-col-md-4">
            <div class="m-panel p-box no-padding">
                <h1 class="m-panel-header">title</h1>
            </div>
        </div>
        <div class="m-col-md-4">
            <div class="m-panel m-panel-default p-box">
                
            </div>
        </div>
    </div>
    <div class="row">
        <div class="m-col-md-4">
            <div class="m-panel m-panel-default no-padding p-box">
                <div class="m-panel-header">m-panel-default</div>
            </div>
        </div>
        <div class="m-col-md-4">
            <div class="m-panel m-panel-info p-box"></div>
        </div>
        <div class="m-col-md-4">
            <div class="m-panel m-panel-primary p-box"></div>
        </div>
        <div class="m-col-md-4">
            <div class="m-panel m-panel-success p-box"></div>
        </div>
        <div class="m-col-md-4">
            <div class="m-panel m-panel-danger p-box"></div>
        </div>
        <div class="m-col-md-4">
            <div class="m-panel m-panel-warning p-box"></div>
        </div>
    </div>
</div>
</template>
<style type="text/css">
.p-box{
    min-height: 300px;
}
</style>
